<!--
 * @Descripttion: 
 * @Version: 1.0
 * @Author: 何志龙
 * @Date: 2023-11-01 11:42:18
 * @LastEditors: 何志龙
 * @LastEditTime: 2023-11-30 10:06:02
-->
<!-- 浙政钉现场踏勘v2 -->
<template>
    <div class="lofting">
        <div class="CUNYUSHEN">
            <van-tabs v-model="active" color="#007AFF">
                <van-tab :title="'批准宅基地及建房情况'">
                    <inputSelect :isShowCity="false" :contentData.sync="taKanData" :JFData.sync="JFData" :title="'踏勘结果'"
                        @getValues="getValues" />
                </van-tab>
                <van-tab :title="'四至'">
                    <inputSelect :isShowCity="false" :contentData.sync="sizhiData" :JFData.sync="JFData" :title="'四至'"
                        @getValues="getValues" />
                </van-tab>
                <van-tab :title="'地类'">
                    <inputSelect :isShowCity="false" :contentData.sync="dileiData" :JFData.sync="JFData" :title="'地类'"
                        @getValues="getValues" />
                </van-tab>
                <van-tab :title="'农污设施'">
                    <inputSelect :isShowCity="false" :contentData.sync="nwssData" :JFData.sync="JFData" :title="'农污设施'"
                        @getValues="getValues" />
                </van-tab>
            </van-tabs>
            <van-collapse v-model="activeNames1">
                <p class="subTitle"><span class="line"></span> <span style="color: #3f8ffc">附件</span></p>
                <van-collapse-item :title="'附件'" name="1">
                    <upLoad :rowData="rowData" :FJData="FJData1" :isReadOnly="false"
                        :SHITUID="'98bcf528966e48ce896a8b3fd02d45d5'" :UpLoadID="'7a3fc061c866434b8475d3775c9ddcea'" />
                </van-collapse-item>
            </van-collapse>
            <inputSelect :isShowCity="false" :contentData.sync="taKanTime" :JFData.sync="JFData" :title="''"
                @getValues="getValues" />
            <inputSelect :isShowCity="false" :contentData.sync="XTTKBMData" :JFData.sync="JFData" :title="'协同踏勘部门'"
                @getValues="getValues" @getButtons="getButtons" />
            <tableAdd :title="''" :ISBianji="false" />
            <tableAdd />
        </div>
        <div class="footer">
            <van-button style="width: 30vw" size="small" type="info" @click="saveData">保存</van-button>
            <van-button style="width: 30vw" size="small" type="info">提交</van-button>
            <van-button style="width: 30vw" size="small" type="info">退回</van-button>
        </div>
    </div>
</template>
  
<script>
//大数据回显
import bigData from '../public/bigData'
//家庭成员信息可添加修改
import inputContatiner from '../public/inputContatiner'
//下拉框、输入框、日期、单选框、多选框
import inputSelect from '../public/inputSelect'
// import SelectCity from '../public/SelectCity.vue'
//eca的文件上传组件 可上传 删除 预览pdf
import upLoad from '@/utils/upLoad'
import { GSA_Add, GSA_Search } from "@/common/commonApi";
import {
  QuerySignCallback,
  dataTransFile,
  FileServerProxy,
  dataTransFilePreview,
  GetFileData,
} from "@/utils/api";
import tableAdd from '../public/tableAdd'
export default {
    data () {
        return {
            thList: [
                {
                    title: '姓名',
                    isSort: false, // 是否进行排序, // 是否单独显示背景颜色
                    sortField: 'FAMILYNAME', // 排序字段
                    backgroundColor: 'rgb(242, 245, 247)',
                    width: '10'
                },
                {
                    title: '与户主关系',
                    isSort: false,
                    sortField: 'HOUSERELATIONSHIP',
                    backgroundColor: 'rgb(242, 245, 247)',
                    width: '20'
                },
                {
                    title: '身份证',
                    isSort: false,
                    sortField: 'FAMILYIDCARD',
                    backgroundColor: 'rgb(242, 245, 247)',
                    width: '20'
                },
                {
                    title: '性别',
                    isSort: false,
                    sortField: 'FAMILYSEX',
                    backgroundColor: 'rgb(242, 245, 247)',
                    width: '10'
                },
                {
                    title: '年龄',
                    isSort: false,
                    sortField: 'FAMILYAGE',
                    backgroundColor: 'rgb(242, 245, 247)',
                    width: '10'
                },
                {
                    title: '户口所在地',
                    isSort: false,
                    sortField: 'HZSZD',
                    backgroundColor: 'rgb(242, 245, 247)',
                    width: '10'
                },
                {
                    title: '是否村集体股东',
                    isSort: false,
                    sortField: 'IF_CJTGD',
                    backgroundColor: 'rgb(242, 245, 247)',
                    width: '10'
                },
                {
                    title: '婚姻状况',
                    isSort: false,
                    sortField: 'HYZK',
                    backgroundColor: 'rgb(242, 245, 247)',
                    width: '10'
                },
                {
                    title: '是否有不动产',
                    isSort: false,
                    sortField: 'IF_BDC',
                    backgroundColor: 'rgb(242, 245, 247)',
                    width: '10'
                },

                {
                    title: '不动产编号',
                    isSort: false,
                    sortField: 'BDCBH',
                    backgroundColor: 'rgb(242, 245, 247)',
                    width: '10'
                },
                {
                    title: '是否机关事业单位',
                    isSort: false,
                    sortField: 'IF_JGSYDW',
                    backgroundColor: 'rgb(242, 245, 247)',
                    width: '10'
                },
                {
                    title: '火化时间',
                    isSort: false,
                    sortField: 'CREMATIONTIME',
                    backgroundColor: 'rgb(242, 245, 247)',
                    width: '10'
                },
                {
                    title: '死亡时间',
                    isSort: false,
                    sortField: 'DEATHTIME',
                    backgroundColor: 'rgb(242, 245, 247)',
                    width: '10'
                }
            ],
            activeNames1: ['2'],
            active: 1,
            content: [],
            Isshowbutton1: true,
            isShowCity: true,
            XTTKBMData: [
                {
                    label: '是否需要协同踏勘',
                    key: 'IF_XT',
                    ISinput: false,
                    required: true,
                    readonly: true,
                    isTime: false,
                    buttonTest: "选择",
                    emitData: '86d6eb80-8bcb-49f6-b5c3-462ac1ae585d',
                    NYDARR: []
                },
                {
                    label: '协同踏勘人员',
                    key: 'XTRY', //绑定的字段
                    types: 'textarea',
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                }
            ],
            taKanData: [
                {
                    label: '所属规划区',
                    key: 'GHQ',
                    ISinput: false,
                    required: false,
                    readonly: true,
                    isTime: false,
                    emitData: '2c478392-9c1b-40da-b941-41e4b8c9d6d3',
                    NYDARR: []
                },
                {
                    label: '地址',
                    key: 'ADDRESS', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                }
            ],
            sizhiData: [
                {
                    label: '东至',
                    key: 'DZ', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '南至',
                    key: 'NZ', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '西至',
                    key: 'XZ', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '北至',
                    key: 'BZ', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
            ],
            dileiData: [
                {
                    label: '地类',
                    key: 'DL',
                    ISinput: false,
                    required: false,
                    readonly: true,
                    isTime: false,
                    emitData: 'd2ec96d4-b5bc-404a-a9f1-34db915c694b',
                    NYDARR: []
                },
                {
                    label: '日照间距',
                    key: 'RZJJ', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '涉及相邻关系的,是否已征得相邻权利人同意',
                    key: 'IF_XLRTY',
                    ISinput: false,
                    required: false,
                    readonly: true,
                    isTime: false,
                    emitData: '86d6eb80-8bcb-49f6-b5c3-462ac1ae585d',
                    NYDARR: []
                },
                {
                    label: '外墙色彩',
                    key: 'WQSC', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
            ],
            nwssData: [
                {
                    label: '农污设施建设情况',
                    key: 'NWSS',
                    ISinput: false,
                    required: false,
                    readonly: true,
                    isTime: false,
                    emitData: 'd0ad1260-14c9-4b2e-ac11-9ee6ec9c95f4',
                    NYDARR: []
                },
            ],
            taKanTime: [
                {
                    label: '踏勘时间',
                    key: 'TKSJ', //绑定的字段
                    ISinput: false, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: true //true:可以时间选择器 false：下拉框
                },
                {
                    label: '填表时间',
                    key: 'TBSJ', //绑定的字段
                    ISinput: false, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: true //true:可以时间选择器 false：下拉框
                }
            ],
            FJData1: [
                {
                    title: '踏勘照片',
                    FileName: [],
                    groupGuid: '0e999f18-bd3d-44a9-bb85-fdc016446fd3',
                    fileList: []
                },
                {
                    title: '村公示照片',
                    FileName: [],
                    groupGuid: '00e64693-e45f-463a-87a3-09b8cf4460b9',
                    fileList: []
                },
                {
                    title: '农村宅基地使用承诺书',
                    FileName: [],
                    groupGuid: '75dd729a-077a-43ea-8025-5728aa5735dc',
                    fileList: []
                },
                {
                    title: '农户身份证明材料(户口本、身份证号、社员证明等)',
                    FileName: [],
                    groupGuid: 'f57644c7-1d39-4c3f-b847-311d86aeedd7',
                    fileList: []
                },
                {
                    title: '独生子女证明(独生子女家庭需提供)',
                    FileName: [],
                    groupGuid: '8932dee6-9f8b-45d2-acd2-c592da1790e8',
                    fileList: []
                },
                {
                    title: '分家析产协议书(设计分户的需提供)',
                    FileName: [],
                    groupGuid: 'b2044faf-d609-46c5-995e-d9d2bab0af6d',
                    fileList: []
                },
                {
                    title: '四邻意见书(涉及相邻关系的需要提供，D级危房采取新建方式改造不需要提供)',
                    FileName: [],
                    groupGuid: 'b2044faf-d609-46c5-995e-d9d2bab0af6d',
                    fileList: []
                },
                {
                    title: '原旧房拆除或收回的，需提供旧房拆除、旧房交村集体统一管理、旧房调剂给其他村民等证明原件一份(涉及旧房处置的需提供)',
                    FileName: [],
                    groupGuid: '0c84fd4b-34b9-4fee-ae44-d6cd67f6da63',
                    fileList: []
                },
                {
                    title: '联建委托书',
                    FileName: [],
                    groupGuid: '69cfaab6-f128-4bcb-b1e4-79307020962f',
                    fileList: []
                },
                {
                    title: '其他材料',
                    FileName: [],
                    groupGuid: '69cfaab6-f128-4bcb-b1e4-79307020962f',
                    fileList: []
                }
            ],
            xianZhaijiDi: [
                {
                    label: '是否属于无房户',
                    key: 'IF_HOUSEHOLDER',
                    ISinput: false,
                    required: true,
                    readonly: true,
                    isTime: false,
                    emitData: '86d6eb80-8bcb-49f6-b5c3-462ac1ae585d',
                    NYDARR: []
                },
                {
                    label: '是否危房改造拆除重建',
                    key: 'IF_DILAPIDATED',
                    ISinput: false,
                    required: true,
                    readonly: true,
                    isTime: false,
                    emitData: '86d6eb80-8bcb-49f6-b5c3-462ac1ae585d',
                    NYDARR: []
                },
                {
                    label: '原宅基地面积',
                    key: 'OHOMESTEAD', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '原建筑面积',
                    key: 'OFLOOR_AREA', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '现宅基地处置情况',
                    key: 'DISPOSETYPE',
                    ISinput: false,
                    required: true,
                    readonly: true,
                    isTime: false,
                    emitData: '2c478392-9c1b-40da-b941-41e4b8c9d6d3',
                    NYDARR: []
                },
                {
                    label: '权属证书号',
                    key: 'QXZSH', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                //   {
                //     label: '其他',
                //     key: 'XCSJ1', //绑定的字段
                //     ISinput: true, //true:输入框
                //     required: true, //true: 必填项
                //     readonly: false, //true:可以填写 false：不可以填写
                //     isTime: false //true:可以时间选择器 false：下拉框
                //   }
                {
                    label: '房屋处置情况',
                    key: 'FWCZQK',
                    ISinput: false,
                    required: true,
                    readonly: true,
                    isTime: false,
                    emitData: 'e69b7481-1f5e-4e81-a20c-87eb21c0dbf2',
                    NYDARR: []
                },
            ],
            contentDataCity: [
                {
                    label: '所属市',
                    key: 'SSS', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    NYDARR: []
                },
                {
                    label: '所属县(区)',
                    key: 'SSX', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    NYDARR: []
                },
                {
                    label: '所属镇',
                    key: 'SSZ', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    NYDARR: []
                },
                {
                    label: '所属村',
                    key: 'SSC', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    NYDARR: []
                }
            ],
            contentData: [
                {
                    label: '姓名',
                    key: 'XM', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '身份证号',
                    key: 'ID_CARD', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '性别',
                    key: 'SEX',
                    ISinput: false,
                    required: true,
                    readonly: false,
                    isTime: false,
                    emitData: 'a8e5782d-9a59-48e4-b35b-654b9bb667ca',
                    NYDARR: []
                },
                {
                    label: '户口所在地',
                    key: 'DOMICILE', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '联系电话',
                    key: 'PHONE', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '家庭住址',
                    key: 'HOMEADDRESS', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                }
            ],
            rowData: {},
            JFData: [
                
            ]
        }
    },
    methods: {
        getValues (name, value, label) {
            console.log(name, value, label, this.JFData)
        },
        getButtons (name, value, label) {
            console.log(name, value, label, this.JFData)
        },
        /**
         * 获取现场踏勘数据
         */
        async getDangHangData(){
            // const res = await 
            this.rowData = JSON.parse(this.$route.query.data)
            console.log(this.rowData.ROW_GUID)
            let data = [{ "field": "TO_ROW_GUID", "value": this.rowData.ROW_GUID}]
            const res = await GSA_Search('d6de0877-4126-4363-84e5-092427bd06a2', data)
            console.log(res.Data,'cehsi ')
            this.JFData = res.Data
        },
        /**
         * 保存现场踏勘数据
         */
        async saveData () {
            const date = await GSA_Add('d6de0877-4126-4363-84e5-092427bd06a2', false,...this.JFData)
        },
        /**
         * 获取家庭成员信息
         */
        async getFlaymdata () {
            // const data = await  35bdee32-62cc-4249-8990-3d4fdbbd904f
            let data = [{ "field": "TO_ROW_GUID", "value": this.rowData.ROW_GUID},{"field": "OPTYPE", "value": 2}]
            const res = await GSA_Search('35bdee32-62cc-4249-8990-3d4fdbbd904f', data)
            this.content = res.Data
        }
    },
    computed: {
        info () {
            this.$set();
            return
        }
    },
    mounted () {
     },
    created () {  
        // console.log(this.rowData)
        this.getDangHangData()
        this.getFlaymdata()
    },
    components: {
        bigData,
        inputContatiner,
        inputSelect,
        // SelectCity,
        upLoad,
        tableAdd
    }
}
</script>
  
<style lang="scss" scoped>
.lofting {
    height: 100vh;

    .CUNYUSHEN {
        height: 93vh;
        padding: 4px;
        overflow: auto;
    }

    .footer {
        height: 6vh;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .subTitle {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        position: relative;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #9b9b9b;
        padding-left: 10px;

        .line {
            width: 6px;
            height: 26px;
            background: #3f8ffc;
            display: inline-block;
            margin-right: 10px;
        }
    }
}
</style>
  
<style>.van-cell {
    color: black;
    font-weight: bold !important;
}

.van-collapse-item__content {
    color: black;
    padding: 0 6px !important;
}</style>
  